<template>
    <div>
        <div v-show="isShow">
            <div class="gray">&nbsp;&nbsp;&nbsp;工作动态</div>
            <div class="list" v-for="(item,index) in list" :key="index">
                <Row type="flex" justify="space-between" class="code-row-bg">
                    <Col span="20"><span class="content">{{item.article_name}}</span></Col>
                    <Col span="3"><span class="datatime">{{filtiationDate(item.release_time)}}</span></Col>
                </Row>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  name: 'WorkDynamics',
  props: {
    title: {
      type: String,
      default: () => {
        return ''
      }
    },
    isShow: {
      type: Boolean,
      default: () => {
        return false
      }
    },
    list: {
      type: Array,
      default: () => {
        return {
          list: []
        }
      }
    }
  },
  data () {
    return {
    }
  },
  methods: {
    filtiationDate (data) {
      return this.$common.xeUtils.toDateString(data, 'yyyy-M-d')
    }
  },
  mounted () {

  }
}
</script>

<style scoped lang="less">
    .gray{
        height: 50px;
        background-color: #ebebeb;
        line-height: 50px;
        font-size: 20px;
        color: #0166b6;
    }
    .list{
        height: 50px;
        border-bottom: 1px #c3c3c3 dashed;
        line-height: 50px;
        font-size: 16px;
    }
</style>
